$r = 0.025rem

html,body
  width: 100%

.mask_box
  position: fixed
  top: 0
  right: 0
  bottom: 0
  left: 0
  z-index 997
  .mask
    background-color rgba(0,0,0,0.6)
    width: 100%
    height: 100%
    position: absolute
    top: 0
    left: 0
    z-index 998
  .conter
    background-color #FFFFFF
    width: 70%
    min-height: 25%
    max-height: 70%
    z-index 999
    overflow-x hidden
    overflow-y auto
    position: absolute
    left: 15%
    top: 50%
    transform translateY(-50%)
    border-radius 10px
.sub_btn
  width: 513*$r
  height: 85*$r
  margin 0 auto
  font-size: 42*$r
  display flex
  color: #ffffff
  border-radius 85*$r
  justify-content center
  align-items center
  background-color #FFAA05
.xingxing
  background-image url("")
  background-size 100% 100%
  width: 31*$r
  height: 29*$r
  display inline-block
  margin-left: 5px
.dianzan
  background-image url("")
  background-size 100% 100%
  width: 33*$r
  height: 33*$r
  display inline-block
  margin-left: 5px
.huomiao
  background-image url("")
  background-size 100% 100%
  width: 31*$r
  height: 37*$r
  display inline-block
  margin-left: 5px
.title_tab
  display: flex
  justify-content space-between
  >div
    color: #333333
    font-size: 32*$r
    line-height: 2
   >div.act
    color: #ffad00
    border-bottom: 1px #ffad00 solid

// 学校卡片
.school_card
  display flex
  padding 30*$r 40*$r 30*$r 26*$r
  background-color #FFFFFF
  &.act
    .btn_down
      transform rotateZ(-90deg)
  .school_img
    width: 80*$r
    height: 80*$r
    flex 0 0 auto
    margin-right: 20*$r
  .school_cont
    flex 1
    .school_name
      font-size: 32*$r
      color: #333333
      padding-top: 8*$r
      display flex
      justify-content space-between
      margin-bottom: 25*$r
      .school_name_right
        font-size: 24*$r
        color #999999
        flex 0 0 auto
        display flex
        align-items center
        position: relative
        em
          background-size 100% 100%
          width: 33*$r
          height: 33*$r
          display inline-block
          margin-right: 5px
        .xian
          background-image url("")
        .tong
          background-image url("")
        .xiao
          background-image url("")
        .btn_down
          background-image url("")
          background-size 100% 100%
          width: 45*$r
          height: 25*$r
          position: absolute
          top: 1.3rem
          right: 0
    p
      color: #888888
      font-size: 24*$r
      margin-top: 12*$r
      span
        font-size: 24*$r
        margin-right: 5px

.school_major
  border-top 1px solid  #E4ECFF
  padding-left: 130*$r
  box-sizing border-box
  max-height 0
  overflow hidden
  transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s
  &.down
    max-height: 2000px
    transition-timing-function: cubic-bezier(0.5, 0, 1, 0)
    transition-delay: 0s
  li
    padding 40*$r 0 30*$r 0
    border-bottom 1px solid #E4ECFF
    &:last-child
      border none
    .major_name
      line-height: 1.4
      color: #333333
      font-size: 30*$r
    .major_foot
      margin-top: 35*$r
      color: #666666
      font-size: 24*$r
      display flex
      justify-content space-between
      align-items center
      strong
        color: #fc9a00
      .btn
        margin-right: 10px
        min-width: 143*$r
        padding 0 10px
        height: 42*$r
        font-size: 24*$r
        border-radius 20px
        text-align center
        line-height: 42*$r;
        color #ffffff
        background-color #FFAA05

// 学校卡片end
// 首页
.Home
  .Home_img
    display block
    width: 100%
// 首页 end
//信息提交
.perfect
  width: 100%
  background-color #4A7AEA
  .banner_img
    display block
  .banner_foot
    height 82*$r
    line-height 82*$r
    background #ffffff
    color #ff6a7d
    font-size 24*$r
    text-align center
  .form_item
    padding: 80*$r 30*$r 80*$r 0
  .form_item_title
    font-size: 50*$r
    color: #ffffff
    display flex
    justify-content center
    align-items center
    .form_item_title1_icon
      background-image url("")
      background-size 100% 100%
      width: 63*$r
      height: 63*$r
      display inline-block
      margin-right: 10px
    .form_item_title2_icon
      background-image url("")
      background-size 100% 100%
      width: 76*$r
      height: 76*$r
      display inline-block
      margin-right: 10px
    .form_item_title3_icon
      background-image url("")
      background-size 100% 100%
      width: 73*$r
      height: 73*$r
      display inline-block
      margin-right: 10px
    .form_item_title4_icon
      background-image url("")
      background-size 100% 100%
      width: 75*$r
      height: 75*$r
      display inline-block
      margin-right: 10px
    .form_item_title5_icon
      background-image url("")
      background-size 100% 100%
      width: 75*$r
      height: 75*$r
      display inline-block
      margin-right: 10px
    .form_item_title6_icon
      background-image url("")
      background-size 100% 100%
      width: 76*$r
      height: 56*$r
      display inline-block
      margin-right: 10px
    .form_item_title7_icon
      background-image url("")
      background-size 100% 100%
      width: 68*$r
      height: 68*$r
      display inline-block
      margin-right: 10px
  .flex_box
    display flex
    align-content center
    color: #ffffff
    .flex_box_label
      width 140*$r
      flex 0 0 auto
      line-height 90*$r
      text-align right
    .listInput
      overflow hidden
      margin-left: 10*$r
      background-color #376AE0
      flex 1
      textarea
        display block
        height 165*$r
        padding 20*$r
        color: #ffffff
        &::-webkit-input-placeholder
          color: #AFC7FF
        &::-moz-input-placeholder
          color: #AFC7FF
        &::-ms-input-placeholder
          color: #AFC7FF
      input
        display block
        height 90*$r
        width: 100%
        padding-left: 10*$r
        color: #ffffff
        &::-webkit-input-placeholder
          color: #AFC7FF
        &::-moz-input-placeholder
          color: #AFC7FF
        &::-ms-input-placeholder
          color: #AFC7FF
    .fe_select
      position: relative
      &:after
        content ""
        position: absolute
        top: 33*$r
        right: 14*$r
        background-image url("")
        background-size 100% 100%
        width: 38*$r
        height: 22*$r
    .Tips
      font-size: 26 * $r
      color: #FFF369
      display flex
      align-items center
      .Tips_icn1
        background-image url("")
        background-size 100% 100%
        margin-right: 15 * $r
        width 37*$r
        height 37*$r
    .add_box
      font-size: 26 * $r
      color: #ffffff
      display flex
      align-items center
      padding-left: 10*$r
     .add_icn
       background-image url("")
       background-size 100% 100%
       margin-right: 15 * $r
       width 39*$r
       height 39*$r
    .up_ui
      flex 1
      display flex
      width: 50%
      justify-content flex-end
      flex-wrap wrap
      padding-bottom: 10px
      .up_li
        width 100*$r
        height: 76*$r
        background-color red
        flex 0 0 auto
        margin-left: 5px
        margin-bottom: 10px
        label
          input
            display none
        img
          display block
          width: 100%
          height: 100%
      p
        color: #122c69
        font-size: 20*$r
  .radio_box
    padding-left: 100*$r
    color: #FFFFFF
    .radio_box_title
      font-size: 30*$r
      margin-bottom: 20*$r
    .radio_item
      padding: 20*$r 0
      display flex
      align-items center
      input
        display none
      input[type="radio"]:checked+.radio:after
        width: 16*$r
        height: 16*$r
      .radio
        width: 36*$r
        height: 36*$r
        box-sizing: border-box
        display flex
        justify-content center
        align-items center
        border: 1px solid #ffffff
        border-radius: 50%
        flex 0 0 auto
        &:after
          content: ''
          width: 0
          height: 0
          display block
          border-radius: 50%
          background-color #ffffff
          transition: all .15s ease-in;
      .radio_label
        padding-left: 30*$r
  .bor_t_6E9
    border-top 1px solid #6E93EB
  .line
    width: 100%
    height: 20*$r
    background-color #6E93EB
//信息提交end

//报告详情页
.report
  background-color #ffffff
  .line
    width: 100%
    height: 20*$r
    background-color #F1F5FF
  .user_box
    padding 40*$r
    display flex
    align-items center
    >span
      width: 186*$r
      height: 205*$r
      padding 5px
      display block
      flex 0 0 auto
      border-radius 5px
      overflow hidden
      border 1px solid #E5E5E5
      img
        width: 100%
        height: 100%
        display block
    >div
      flex 1
      display flex
      justify-content space-around
      flex-direction column
      >div
        padding 5px 0
        display flex
        font-size: 26*$r
        .user_box_item1
          width: 160*$r
          color: #666666
          flex 0 0 auto
          text-align right
        .user_box_item2
          color: #333333
          padding-left: 45*$r
          flex 1
  .unse_mark
    padding 40*$r
    .unse_mark_item
      font-size: 28*$r
      color: #333333
      display flex
      padding 15*$r 0
      span
        color: #ffaa05
        font-weight: 700
      >div
        display flex
        align-items center
      .unse_mark_item1
        flex: 5
      .unse_mark_item2
        flex: 4
      .num_line
        margin-left: 20*$r
        display inline-block
        width: 165*$r
        height: 26*$r
        background-color #EFF4FF
        border-radius 20px
        i
          display inline-block
          height: 100%
          border-radius 20px
          background-color #FFAA05
  .view_title
    font-weight: 700
    height: 130*$r
    display flex
    padding-left: 50*$r
    align-items center
    font-size: 36*$r
    color: #333333
    .view_title_icn1
      background-image url("")
      background-size 100% 100%
      width: 73*$r
      height: 65*$r
      display inline-block
      margin-right: 10px
    .view_title_icn2
      background-image url("")
      background-size 100% 100%
      width: 81*$r
      height: 81*$r
      display inline-block
      margin-right: 10px
    .view_title_icn3
      background-image url("")
      background-size 100% 100%
      width: 85*$r
      height: 85*$r
      display inline-block
      margin-right: 10px
    .view_title_icn4
      background-image url("")
      background-size 100% 100%
      width: 91*$r
      height: 91*$r
      display inline-block
      margin-right: 10px
    .view_title_icn5
      background-image url("")
      background-size 100% 100%
      width: 98*$r
      height: 98*$r
      display inline-block
      margin-right: 10px
  .Reference
    background-color #4A7AEA
    padding 30*$r 60*$r
    color: #ffffff
    text-align center
    .p1
      font-size: 36*$r
    .p2
      font-size: 60*$r
      padding: 45*$r 0 35*$r 0
      border-bottom 1px solid rgba(212, 225, 255, 0.5)
    .p3
      font-size: 26*$r
      margin-top: 25*$r
  .Standard
    text-align center
    p
      color: #ea6300
      font-size: 36*$r
      padding 45*$r 0 25*$r
      font-weight: 700
    ul
      font-size: 26*$r
      color: #000000
      padding-top: 20*$r
      li
        height: 70*$r
        display flex
        align-items center
        border-bottom 1px solid RGBA(220, 220, 220, 0.6)
        padding-right: 20*$r
        &:first-child
          .item_4, .item_6
            color: #000000
        .label_2,.label_1
          width: 120*$r
          height: 46*$r
          display flex
          justify-content center
          align-items center
          color: #ffffff
          font-size: 24*$r
          border-radius: 5*$r
          margin 0 auto
        .label_1
          background-color #FF7B05
        .label_2
          background-color #0B8430
        .item_1
          flex 1
          text-align right
        .item_2
          width: 120*$r
          flex 0 0 auto
        .item_3
          width: 140*$r
          flex 0 0 auto
        .item_4
          color: #ff7b05
          width: 120*$r
          flex 0 0 auto
        .item_5
          width: 40*$r
          flex 0 0 auto
        .item_6
          color: #ff7b05
          width: 120*$r
          flex 0 0 auto
  .echarts_box
    background-color #4A7AEA
    padding 30*$r
    .tip
      color: #ffffff
      font-size: 36*$r
      span
        font-size: 36*$r
        color: #ffef40
      p
        float: right
        i
          margin-right: 5px
          display inline-block
          width: 20*$r
          height: 20*$r
          background-color #FFAA05
          border 2px solid #FFFFFF
          border-radius 100%
  .ratio_box
    padding: 50*$r
    p
      font-size: 30*$r
      color: #ffaa05
    .ratio_box_item
      display flex
      align-items center
      padding 10px 0
      font-size: 26*$r
      label
        width 80*$r
        flex 0 0 auto
      span
        width 380*$r
        flex 0 0 auto
        background-color #EFF4FF
        height: 25*$r
        border-radius 0 25px 25px 0
        position: relative
        i
          background-color #ffaa05
          border-radius 0 25px 25px 0
          display block
          height: 100%
          position: absolute
          top: 0
          left: 0
      em
        color: #ffaa05
        padding-left: 20px
  .lipici_box
    padding: 20*$r 0
    p
      font-size: 30*$r
      color #666666
      padding: 20*$r 20*$r 40*$r 50*$r
      span
        color: #ffaa05
    ul
      color: #666666
      font-size: 24*$r
      li
        display flex
        padding 20*$r 20*$r 20*$r 50*$r
        align-items center
        text-align center
        &:first-child
          color #333333
        &:nth-child(odd)
          background-color #F1F5FF
        span
          line-height 1.3
          padding 5px
        .lipici_item_1
          flex 2
          text-align left
        .lipici_item_2
          flex 1
        .lipici_item_3
          flex 1
        .lipici_item_4
          flex 1
  .zhuanye_box
    overflow hidden
    p
      padding 50*$r
      font-size: 36*$r
      color #ffffff
      background-color #4A7AEA
      text-align center
    ul
      color #333333
      font-size: 26*$r
      li
        display flex
        padding 30*$r 50*$r 30*$r 130*$r
        line-height 1.3
        align-items center
        &:nth-child(2n)
          background-color #EFF4FF
        .zhuanye_item_1
          flex 1
          font-size: 26*$r
          color: #333333
          line-height 1.6
          padding-right: 10px
        .zhuanye_item_2
          background-image url("")
          background-size 100% 100%
          width: 45*$r
          height: 24*$r
          flex 0 0 auto
  .tabMax_box
    display flex
    height: 140*$r
    width: 100%
    >div
      flex 1
      line-height 140*$r
      text-align center
      font-size: 36*$r
      color: #666666
      background-color #EFF4FF
      &.act
        color: #ffffff
        background-color #4A7AEA
  .school_box
    border-bottom  20*$r #F1F5FF solid
    &:last-child
      border none
  .open_vip
    border-top 1px solid #E4ECFF
    padding-top: 40*$r
    padding-bottom: 100*$r
    text-align center
    .btn
      width: 221*$r
      height: 55*$r
      background-color #FFAA05
      border-radius 50px
      color: #ffffff
      font-size: 31*$r
    p
      color: #4a7aea
      font-size: 24*$r
//报告详情页end
//学校详情
.School_details
  display block
  .line
    width: 100%
    height: 20*$r
    background-color #F1F5FF
  .school_top_img
    width: 100%
    height: 376*$r
    background-size: cover
    background-position: center
    background-repeat: no-repeat
  .school_info
    display flex
    flex-wrap wrap
    justify-content space-evenly
    border-top 1px solid #E0E0E0
    padding 0 20*$r 40*$r
    li
      width 160*$r
      flex 0 0 auto
      text-align center
      margin-top: 40*$r
      p:nth-child(2)
        font-size: 28*$r
        color: #333333
        margin-top: 30*$r
      p:nth-child(3)
        font-size: 22*$r
        color: #AEAEAE
        margin-top: 10*$r
      img
        width: 93*$r
        height: 93*$r
        display block
        margin 0 auto
  .infoNum
    background-color: #4a7aea
    margin-top: 30*$r
    padding: 40*$r 0
    .infoNumTitle
      color: #ffffff
      font-size: 36*$r
      text-align: center
    .infoNumTab
      border-bottom: 1px #79a1ff solid
      margin-top: 30*$r
      display: flex
      justify-content: space-around
      color: #fff965
      font-size: 36*$r
      .infoNumTabItem
        height: 120*$r
        display: flex
        align-items: center
        position: relative
        input
          display inline-block
          color: #fff965
          overflow: hidden
          white-space: nowrap
          text-overflow:ellipsis
          max-width: 160*$r
          text-align right
        .sanjiao
          width: 0;
          height: 0;
          margin-left: 10*$r
          border-width: 15*$r;
          margin-top: 15*$r;
          border-style: solid;
          border-color: #a8c2ff transparent transparent transparent;
    .infoNumUl
      padding: 30*$r 0
      .infoNumLi
        margin-top: 15*$r
        display: flex
        font-size: 28*$r
        .infoNumLiLsft
          width: 200*$r
          color: #ffffff
          display: flex
          align-items: center
          justify-content: flex-end
        .infoNumLiRight
          width: 400*$r
          height: 50*$r
          padding-left: 20*$r
          margin-left: 30*$r
          background-color: #3767d7
          color: #fff965
          display: flex
          align-items: center
          justify-content: space-between
          input
            color: #fff965
        .infoNumLiRight .sanjiao
          width: 0
          height: 0
          border-width: 15*$r
          margin-top: 15*$r
          margin-right: 20*$r
          border-style: solid
          border-color: #a8c2ff transparent transparent transparent
  .view_title
    height: 130*$r
    display flex
    padding: 0 50*$r
    align-items center
    color: #333333
    &.act
      .btn_down
        transform rotateZ(-90deg)
    p
      font-weight: 700
      font-size: 34*$r
      flex 1
      padding-left: 40*$r
    .btn_down
      background-image url("")
      background-size 100% 100%
      width: 45*$r
      height: 25*$r
      flex 0 0 auto
    .view_title_icn1
      background-image url("")
      background-size 100% 100%
      width: 61*$r
      height: 61*$r
      flex 0 0 auto
    .view_title_icn2
      background-image url("")
      background-size 100% 100%
      width: 51*$r
      height: 63*$r
      flex 0 0 auto
    .view_title_icn3
      background-image url("")
      background-size 100% 100%
      width: 69*$r
      height: 69*$r
      flex 0 0 auto
    .view_title_icn4
      background-image url("")
      background-size 100% 100%
      width: 50*$r
      height: 50*$r
      flex 0 0 auto
  .baogao_box
    max-height: 0
    box-sizing border-box
    overflow hidden
    transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s
    &.down
      max-height: 2000px
      transition-timing-function: cubic-bezier(0.5, 0, 1, 0)
      transition-delay: 0s
    .baogao_item
      display flex
      padding 40*$r 30*$r 30*$r 0
      color: #999999
      font-size: 24*$r
      border-top: 1px #BFBFBF solid
      .baogao_item_title
        width: 200*$r
        flex 0 0 auto
        text-align right
        padding-right: 30*$r
      .baogao_item_conter
        >span
          color: #333333
        >em
          display inline-block
          margin-right 5px
          margin-bottom: 5px
          padding 10px
          background-color #FF5F7D
          font-size: 26*$r
          color: #ffffff
          border-radius 4px
      .baogao_item_conter_diter
        color: #333333
        *
          line-height 1.6
        img
          max-width 100%
  .title_tab
    padding 40*$r 50*$r
  .tabList_contul
    padding 40*$r 50*$r
    padding-top: 0
    .tabListItem a
      line-height: 70*$r
      font-size: 32*$r
      color: #333333
  .mask_box
    display none
    .conter
      padding 40*$r
      color: #333333
      text-align center
      h3
        font-size: 44*$r
        line-height: 1.4
        padding-bottom: 20*$r
      ul
        padding-top: 40*$r
        padding-bottom: 20*$r
        li
          line-height: 1.6
          padding 10*$r 0
          font-size: 28*$r
      p
        padding-top: 20*$r
        font-size: 24*$r
        color: #666666
//学校详情end
// 专业列表页
.Majok_list
  h2
    padding 40*$r 50*$r
    color: #333333
    font-size: 32*$r
    border-bottom 13*$r solid #F1F5FF
    font-weight 700
  .Majok_list_ul
    padding-top: 30*$r
    display flex
    flex-wrap wrap
    justify-content space-evenly
    li
      width 180*$r
      flex 0 0 auto
      padding-bottom: 60*$r
      img
        display block
        width: 110*$r
        height: 110*$r
        margin 0 auto
      p
        text-align center
        padding-top: 20*$r
        line-height: 1.6;
        color: #777777
        font-size: 24*$r
// 专业列表页end
// 专业详情页
.Major_details
  .Major_top_img
    width: 100%
    height: 376*$r
    background-size: cover
    background-position: center
    background-repeat: no-repeat
  .Major_Name
    color: #333333
    font-size: 40*$r
    padding: 30*$r 30*$r 10*$r
    line-height: 1.4
  .Major_Num
    display flex
    padding: 20*$r 30*$r
    border-bottom 20*$r solid #F1F5FF
    >div
      flex 1
      color: #333333
      font-size: 24*$r
      display flex
      align-items center
  .title_tab
    padding: 50*$r
  .content_box
    .content_item
      display none
      color: #666666
      font-size: 24*$r
      &:first-child
        display block
    .p
      p
        line-height: 1.6
        padding 0 40*$r 30*$r
      .content_item_title
        padding 30*$r 40*$r
        span
          color: #ffa800
          font-size: 32*$r
          border-bottom 1px solid #ffa800
    .school_card
      border-bottom: 0.5rem #f1f5ff solid
    .qianjing_box
      p
        text-align center
        font-size: 32*$r
        color #333333
        padding: 20*$r 20*$r  40*$r
      ul
        color: #666666
        font-size: 24*$r
        li
          display flex
          padding 20*$r 0
          align-items center
          text-align center
          border-top 1px solid #ffffff
          background-color #F1F5FF
          &:first-child
            border none
          span
            font-size: 24*$r
            line-height 1.3
            padding 5px
            flex 1
            &:first-child
              text-align right
              width: 140*$r
              flex 0 0 auto
// 专业详情页end

// 登录
.Login
  width: 100vw
  height: 100vh
  position: relative;
  background: url("../img/login_BG.jpg") no-repeat center center;
  background-size cover
  overflow: hidden
  .login_bg
    margin $r*120 auto 80*$r
  .form_box
    padding 0 $r*100
    li
      margin-bottom $r*60
      display flex
      input
        display block
        flex 1
        height:$r*80
        border-radius 2px
        border:1px solid #fff
        font-size $r*30
        background: url("../img/u.png") no-repeat $r*20 center
        background-size: $r*40 $r*40 ;
        color: #ffffff;
        padding-left $r*85
        min-width 10px
        &::-webkit-input-placeholder
          color: #ffffff
        &::-moz-input-placeholder
          color: #ffffff
        &::-ms-input-placeholder
          color: #ffffff
      &:nth-child(2)
        input
          background: url("../img/p.png") no-repeat $r*20 center
          background-size: $r*40 $r*40 ;
      .code_btn
        width: 200*$r
        margin-left: 20*$r
        flex 0 0 auto
        background-color #ffffff
        color: #852681
        border-radius 5*$r
        display flex
        justify-content center
        align-items center
    .Loginsub_btn
      display flex
      height: 80*$r
      background: linear-gradient(0deg, #4986E3, #45B1EB);
      border-radius: 40*$r
      justify-content center
      align-items center
      color: #ffffff


// 登录END
